<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>卡西欧官方商城-卡西欧官方网站</title>
    <link rel="stylesheet" href="./fonts/demo.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/home.css">
    <link rel="shortcut icon" href="./image/logo.ico" />
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/tools.js"></script>
    <script src="./js/animate.js"></script>
    <script src="./js/detail.js"></script>
    <script src="./js/home.js"></script>
    <script src="./js/layer.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-maddion">
            <ul>
                <li><a href=""><img src="./image/01.JPG" alt="">正品承诺</a></li>
                <li><a href="">常见问题</a></li>
                <li><a href="">产品注册</a></li>
                <li><a href="">发票说明</a></li>
                <li><a href="">卡西欧官网</a></li>
                <li class="ulest"><a href="./login.html">登录</a>
                    <a href="./register.html">注册</a>
                </li>
                <li><a href="">积分值</a></li>
                <li><a href="cart.html" class="glyphicon glyphicon-shopping-cart"> 购物车0</a></li>
            </ul>
        </div>
    </div>
        <!-- 导航栏 -->
        <div class="nav">
            <div class="nav-big">
                <div class="nav-left">
                    <a href="">
                        <img src="https://statics6.casiostore.com.cn/publics/images/pc/casio-logo.png" alt="...">
                    </a>
                </div>
                <div class="nav-maddion">
                    <ul>
                        <li><a href="./list.html">手表</a></li>
                        <li><a href="./list.html">钟表</a></li>
                        <li><a href="./list.html">乐器</a></li>
                        <li><a href="./list.html">电子辞典</a></li>
                        <li><a href="./list.html">计算器</a></li>
                        <li><a href="./list.html">特殊限定款</a></li>
                        <li><a href="./list.html">配件</a></li>
                        <li><a href="./list.html">最新活动</a></li>
                        <li><a href="./list.html">个性定制</a></li>
                        <li><a href="./list.html">C's CLUB会员专区</a></li>
                    </ul>
                </div>
                <div class="nav-right">
                    <input type="text" value="MR-G系列" onkeydown="if (event.keyCode==20) {}"  onblur="if(this.value=='')value='MR-G系列';" onfocus="if(this.value=='MR-G系列')value='';" value="MR-G系列"/>
                    <a href="" class="glyphicon glyphicon-search"></a>
                </div>
            </div>
        </div>
        <!-- 轮播图 -->
        <div class="menu">
            <ul>
                <li class="active">
                    <a href="">
                    <img src="./image/lb1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                    <img src="./image/lb2.jpg"alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                    <img src="./image/lb3.jpg"alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                    <img src="./image/lb4.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                    <img src="./image/lb5.jpg"alt="">
                    </a>
                </li>
            </ul>
            <ol>
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
        <!-- 按钮 -->
        <div class="submenu">
            <ol>
                <li><a href="" class="glyphicon glyphicon-triangle-left"></a></li>
                <li><a href="">明星同款GM-110-1APR</a></li>
                <li><a href="">明星同款GM-110B-1APR</a></li>
                <li><a href="">黑荔枝琴罩合作款PX-S1000</a></li>
                <li><a href="">冰韧系列 潮力觉醒</a></li>
                <li><a href="">fx-95CN X买赠</a></li>
                <li><a href="" class="glyphicon glyphicon-triangle-right"></a></li>
            </ol>
        </div>
        <!-- 公告栏 -->
        <div class="status">
            <div class="status-big">
                <img src="./image/gonggao.JPG" alt="商城公告">
            </div>
            <div class="status-sm">
                <a href="./list.html">
                   <img src="./image/02.JPG">
                </a>
            </div>
                <div class="status-sm">
                <a href="./list.html">
                    <img src="./image/02.JPG">
                </a>
            </div>
                <div class="status-sm">
                <a href="./list.html">
                    <img src="./image/02.JPG">
                </a>
            </div>
                <div class="status-sm">
                <a href="./list.html">
                    <img src="./image/02.JPG">
                </a>
            </div>
        </div>
        <!-- 商品栏 -->
        <div class="products">
            <div class="products-big">
                <h1>人气推荐</h1>
                <div class="products-middion">
                    <div class="products-a">
                        <a href="./list.html">
                            <img class="goods-image" src="./image/03.JPG">
                            <h3>豹纹主题系列 防水防震运动女表MSG-S200LP-5APFL </h3>
                        </a>
                        <span>￥1,890.00</span> 
                    </div>
                    <div class="products-b">
                        <a href="./list.html">
                            <img class="goods-image" src="./image/04.JPG">                         
                            <p>经典系列 玫瑰金配色  防震防水六局电波太阳能动力运动男表</p>
                        </a>
                        <span>￥3,990.00</span>
                    </div>
                    <div class="products-b">
                        <a href="./list.html">
                            <img class="goods-image" src="./image/04.JPG">
                            <p>"冰川金"主题系列防水防震运动表款GM-110SG-9APR</p>
                        </a>
                        <span>￥1,690.00</span>
                    </div>
                    <div class="products-b">
                        <a href="./list.html">
                            <img class="goods-image" src="./image/04.JPG"" alt="卡西欧手表 G-SHOCK MR-G“胜色”系列 挑战不惧 坚定所向 人造蓝宝石玻璃镜面 防水防震防磁蓝牙连接六局电波太阳能动力男表MRG-B2000B-1ADR/ MRG-B1000BA-1ADR">
                            <p>MR-G“胜色”系列挑战不惧坚定所向人造蓝宝石玻璃镜面防水</p>
                        </a>
                        <span>￥17,000.00</span>
                    </div>
                    <div class="products-b">
                        <a href="./list.html">
                            <img class="goods-image" src="./image/04.JPG"" alt="卡西欧计算器 函数科学 适用于大学生 适用于研究生专业课考试 中文科学函数计算器FX-991CN X BK">
                            <p>适用于大学生适用于研究生专业课考试中文科学函数计算器</p>
                        </a>
                        <span>￥158.00</span>
                    </div>
                    <div class="products-b">
                        <a href="./list.html">
                            <img class="goods-image" src="./image/04.JPG"" alt="卡西欧电子乐器 电钢琴 纤薄时尚智能个性电钢琴 三角钢琴音效便携电钢琴 （含琴架+三踏板）PX-S1000">
                            <p>纤薄时尚智能个性电钢琴 三角钢琴音效便携电钢琴 （含琴架</p>
                        </a>
                        <span>￥4,799.00</span>
                    </div>
                    <div class="products-b">
                        <a href="./list.html">
                            <img class="goods-image" src="./image/04.JPG"" alt="卡西欧电子教育 中英汉 金榜题名礼盒 英汉词典E-XA99BU">
                            <p>金榜题名礼盒 英汉词典E-XA99BU</p>
                        </a>
                        <span>￥3,600.00</span>
                    </div>
                    <div class="products-small">
                        <ul>
                            <li><a href="">手表</a><span>/</span></li>
                            <li><a href="">乐器</a><span>/</span></li>
                            <li><a href="">电子辞典</a><span>/</span></li>
                            <li><a href="">计算器</a><span>/</span></li>
                            <li><a href="">特殊限定款</a><span>/</span></li>
                            <li><a href="">新品快递</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="products-1">
            <h1>C's CLUB</h1>
            <div class="products-1-a" style="background-image: url(./image/05.JPG)">
                <span class="title">积分商城</span>
                <span class="line"></span>
                <span class="desc">为你挑选 精美礼品</span>
            </div>
            <div class="products-1-a" style="background-image: url(./image/05.JPG)">
                <span class="title">积分商城</span>
                <span class="line"></span>
                <span class="desc">为你挑选 精美礼品</span>
            </div>
            <div class="products-1-a" style="background-image: url(./image/05.JPG)">
                <span class="title">积分商城</span>
                <span class="line"></span>
                <span class="desc">为你挑选 精美礼品</span>
            </div>
        </div>
        <div class="products-2">
            <div class="products-2-a">
                <h1>精选内容</h1>
                <div class="products-2-a-col">
                    <a href="./list.html">
                        <img src="./image/06.JPG" alt="">
                        <span class="tou">最新活动</span>
                        <span class="wei">会员互动 最IN的新鲜活动</span>
                    </a>
                </div>
                <div class="products-2-a-col">
                    <a href="./list.html">
                        <img src="./image/06.JPG" alt="">
                        <span class="tou">最新活动</span>
                        <span class="wei">会员互动 最IN的新鲜活动</span>
                    </a>
                </div>
                <div class="products-2-a-col">
                    <a href="./list.html">
                        <img src="./image/06.JPG" alt="">
                        <span class="tou">最新活动</span>
                        <span class="wei">会员互动 最IN的新鲜活动</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="products-3">
            <div class="products-3-md">
                <a href=""><h1>卡西欧头条<span>MORE >></span></h1></a>
                <div class="products-3-big">
                    <a href="./list.html">
                        <img src="./image/07.JPG" alt="">
                    </a>
                    <div class="products-3-sm">
                        <p>2021-04-16</p>
                        <p>卡西欧SHEEN女士腕表，日常穿搭好朋友</p>
                        <p>女士腕表有花哨的,也有简约的,分别搭配不同的穿搭都是不一样的lo ... </p>
                        <p><a href="./list.html">阅读全部内容</a></p>
                    </div>
                </div>
                <div class="products-3-big">
                    <a href="./list.html">
                        <img src="./image/07.JPG" alt="">
                    </a>
                    <div class="products-3-sm">
                        <p>2021-04-16</p>
                        <p>卡西欧SHEEN女士腕表，日常穿搭好朋友</p>
                        <p>女士腕表有花哨的,也有简约的,分别搭配不同的穿搭都是不一样的lo ... </p>
                        <p><a href="./list.html">阅读全部内容</a></p>
                    </div>
                </div>
                <div class="products-3-big">
                    <a href="./list.html">
                        <img src="./image/07.JPG" alt="">
                    </a>
                    <div class="products-3-sm">
                        <p>2021-04-16</p>
                        <p>卡西欧SHEEN女士腕表，日常穿搭好朋友</p>
                        <p>女士腕表有花哨的,也有简约的,分别搭配不同的穿搭都是不一样的lo ... </p>
                        <p><a href="./list.html">阅读全部内容</a></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="tab">
            <div class="tab-md">
                    <i><a href="" class="iconfont"><span>&#xe63a;</span>正品保证</a></i>
                    <i><a href="" class="iconfont"><span>&#xe629;</span>个性定制</a></i>
                    <i><a href="" class="iconfont"><span>&#xe69e;</span>全场免邮</a></i>
                    <i><a href="" class="iconfont"><span>&#xe670;</span>积分商城</a></i>
                    <i><a href="" class="iconfont"><span>&#xe61b;</span>专业售后</a></i>
            </div>
        </div>
        <!-- 尾部 -->
        <div class="footer">
            <div class="footer-md">
                <!--帮助中心-->
                <div class="footer-help">
                        <h6><a href="">帮助中心</a></h6>
                    <div class="footer-sm">
                        <ul>
                            <p>新手指南</p>
                            <li><a href="">注册新用户</a></li>
                            <li><a href="">网站订购流程</a></li>
                            <p style="padding-top: 15px;">如何付款退款</p>
                            <li><a href="">支付方式</a></li>
                            <li><a href="">发票制作说明</a></li>
                            <li><a href="">如何办理退款/a></li>
                        </ul>
                    </div>
                    <div class="footer-sm">
                        <ul>
                            <p>配送方式</p>
                            <li><a href="">配送范围及配送时间</a></li>
                            <li><a href="">配送费收取标准</a></li>
                            <p style="padding-top: 15px;">售后服务</p>
                            <li><a href="">退换货政策</a></li>
                            <li><a href="">如何办理退货</a></li>
                            <li><a href="">保修服务</a></li>
                        </ul>
                    </div>
                    <div class="footer-sm">
                        <ul>
                            <p>自助查询</p>
                            <li><a href="">常用自助服务</a></li>
                            <li><a href="">热点问题</a></li>
                            <li><a href="">网站地图</a></li>
                            <li><a href="">产品问题帮助</a></li>
                            <li><a href="">产品说明书</a></li>
                            <li><a href="">产品操作视频</a></li>
                            <li><a href="">定制图案及文字说明细则</a></li>
                        </ul>
                    </div>
                    <div class="footer-sm">
                        <ul>
                            <p>其他</p>
                            <li><a href="">交易条款</a></li>
                            <li><a href="">关于我们</a></li>
                        </ul>
                    </div>
                </div>
                <!--友情链接-->
                <div class="footer-link">
                    <h6><a href="">友情链接</a></h6>
                    <div class="footer-col" style="margin-left: 75px;">
                        <ul>
                            <li><a href="">卡西欧官网</a></li>
                            <li><a href="">卡西欧G-SHOCK</a></li>
                            <li><a href="">卡西欧电子教育</a></li>
                            <li><a href="">卡西欧计算器</a></li>
                        </ul>
                    </div>
                    <div class="footer-col">
                        <ul>
                            <li><a href="">卡西欧电子乐器</a></li>
                            <li><a href="">卡西欧手表</a></li>
                            <li><a href="">快递查询</a></li>
                        </ul>
                    </div>
                </div>
                <!--C`sCLUB-->
                <div class="footer-club">
                    <h6><a href="">C`s CLUB</a></h6>
                        <ul>
                            <li><a href="">定制服务</a></li>
                            <li><a href="">积分商城</a></li>
                            <li><a href="">试用中心</a></li>
                            <li><a href="">卡西欧头条</a></li>
                        </ul>
                </div>
                <!--底部 footer 咨询电话 在线客服 二维码-->
                <div class="footer-con">
                    <div class="footer-con-a">
                        <div class="footer-con-b">
                            <div class="footer-con-c">
                                <i class="iconfont">&#xe604;</i>
                            </div>
                            <div class="footer-con-d">
                                <span>咨询电话</span><br />
                                <span>400-700-6655</span>
                            </div>
                        </div>
                        <div class="footer-con-b">
                            <div class="footer-con-d">
                                <span>周一到周日9:00 - 18:00</span><br />
                                <span>（国定假日除外）</span>
                            </div>   
                        </div>
                    </div>
                    <div class="footer-con-a"style="width: 350px;">
                        <div class="footer-con-b">
                            <div class="footer-con-c">
                                <i class="iconfont" style="padding-left: 20px;">&#xe61b;</i>
                            </div>
                            <div class="footer-con-d">
                                <span style="line-height:50px;">在线客服</span>
                            </div>
                        </div>
                        <div class="footer-con-b">
                            <div class="footer-con-d">
                                <span>周一到周日9:00 - 21:00</span><br />
                                <span>（国定假日除外）</span>
                            </div>   
                        </div>
                    </div>
                    <div class="footer-con-a" style="width: 263px;">                   
                        <div class="footer-con-b">
                            <i style="padding-left: 30px;"><img src="./image/qrcode.jpg" alt=""></i>
                            <div class="footer-con-d" style="float: right; margin-left: 10px;">
                                <span style="text-align: center;">手机访问</span><br />
                                <span>卡西欧官方商城</span>
                            </div>   
                        </div>
                    </div>
                    <div class="footer-con-a" style="width: 263px; border-right: none;">                   
                        <div class="footer-con-b">
                            <i style="padding-left: 20px;"><img src="./image/qrcode-public.png" alt=""></i>
                            <div class="footer-con-d" style="float: right; margin-left: 10px;">
                                <span>扫码关注卡西欧</span><br />
                                <span>官方商城微信</span>
                            </div>   
                        </div>
                    </div>
                </div>
            </div>
             <!--京ICP 备案-->
            <div class="footer-pull">
                <a href="">京ICP备 10009123号-10</a>
                <a href=""><img src="./image/business_license_icon.png" alt=""></a>
                <a href="" style="float: right;">www.casiostore.com.cn</a>
            </div>
        </div>
    </div>
    <script>
        var res = new Box('menu');
        res.init()
    </script>
    <script type="text/javascript">
        var nav=document.querySelector('.nav');
	    window.onscroll =function(){
            var arr = document.documentElement.scrollTop || document.body.scrollTop;
            if( arr>=40){
                nav.style.position = "fixed";
                nav.style.top = "0px";
            }else{
                nav.style.position = "relative";
            }
        }
    </script>
</body>
</html>